home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Forms Misc / passing-values.izs < prev    next >
Text File  |  2005-09-28  |  4KB  |  180 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Passing Values
  4. <!/TITLE>
  5.  
  6. <!DESCRIPTION>Here is a clever way of 'unwrapping' the contents of a form when passed from one page to the next. This capability would be useful in many situations, such as passing the contents of a form to another page, retaining information about the current page for the rest of their visit, etc. <!/DESCRIPTION> 
  7.  
  8. <!CATEGORY>Forms<!/CATEGORY>
  9.  
  10. <!SCRIPT>
  11. <!-- START OF SCRIPT -->
  12.  
  13. <!-- HOW TO INSTALL PASSING VALUES:
  14.  
  15.   1.  Copy the form code into the first page with the form
  16.   2.  Paste the HEAD code into the second HTML page
  17.   3.  Add the final code into the BODY of your second page  -->
  18.  
  19. <!-- STEP ONE: Add code into HEAD section of document  -->
  20.  
  21. <BODY>
  22.  
  23. <center>
  24. <form type=get action="passing-values-source.html">
  25. <table border=1>
  26. <tr>
  27. <td>First Name:</td>
  28. <td><input type=text name=firstname size=10></td>
  29. </tr>
  30. <tr>
  31. <td>Last Name:</td>
  32. <td><input type=text name=lastname size=10></td>
  33. </tr>
  34. <tr>
  35. <td>Age:</td>
  36. <td><input type=text name=age size=3></td>
  37. </tr>
  38. <tr>
  39. <td colspan=2><input type=submit value="Submit!">
  40. </td>
  41. </tr>
  42. </table>
  43. </form>
  44. </center>
  45.  
  46. <!-- STEP TWO: Paste this code into the HEAD of your second document  -->
  47.  
  48. <HEAD>
  49.  
  50. <SCRIPT LANGUAGE="JavaScript">
  51.  
  52.  
  53.  
  54. <!-- Begin
  55. function getParams() {
  56. var idx = document.URL.indexOf('?');
  57. var params = new Array();
  58. if (idx != -1) {
  59. var pairs = document.URL.substring(idx+1, document.URL.length).split('&');
  60. for (var i=0; i<pairs.length; i++) {
  61. nameVal = pairs[i].split('=');
  62. params[nameVal[0]] = nameVal[1];
  63.    }
  64. }
  65. return params;
  66. }
  67. params = getParams();
  68. //  End -->
  69. </script>
  70. </HEAD>
  71.  
  72. <!-- STEP THREE: Put this on the page that should read the values  -->
  73.  
  74. <BODY>
  75.  
  76. <SCRIPT LANGUAGE="JavaScript">
  77.  
  78. <!-- Begin
  79. firstname = unescape(params["firstname"]);
  80. lastname = unescape(params["lastname"]);
  81. age = unescape(params["age"]);
  82.  
  83. document.write("firstname = " + firstname + "<br>");
  84. document.write("lastname = " + lastname + "<br>");
  85. document.write("age = " + age + "<br>");
  86. //  End -->
  87. </script>
  88.  
  89.  
  90.  
  91. <!-- END OF SCRIPT -->
  92. <!/SCRIPT>
  93.  
  94. <!PREVIEW>
  95. <!-- START OF SCRIPT -->
  96.  
  97. <!-- HOW TO INSTALL PASSING VALUES:
  98.  
  99.   1.  Copy the form code into the first page with the form
  100.   2.  Paste the HEAD code into the second HTML page
  101.   3.  Add the final code into the BODY of your second page  -->
  102.  
  103. <!-- STEP ONE: Add code into HEAD section of document  -->
  104.  
  105. <BODY>
  106.  
  107. <center>
  108. <form type=get action="passing-values-source.html">
  109. <table border=1>
  110. <tr>
  111. <td>First Name:</td>
  112. <td><input type=text name=firstname size=10></td>
  113. </tr>
  114. <tr>
  115. <td>Last Name:</td>
  116. <td><input type=text name=lastname size=10></td>
  117. </tr>
  118. <tr>
  119. <td>Age:</td>
  120. <td><input type=text name=age size=3></td>
  121. </tr>
  122. <tr>
  123. <td colspan=2><input type=submit value="Submit!">
  124. </td>
  125. </tr>
  126. </table>
  127. </form>
  128. </center>
  129.  
  130. <!-- STEP TWO: Paste this code into the HEAD of your second document  -->
  131.  
  132. <HEAD>
  133.  
  134. <SCRIPT LANGUAGE="JavaScript">
  135.  
  136.  
  137.  
  138. <!-- Begin
  139. function getParams() {
  140. var idx = document.URL.indexOf('?');
  141. var params = new Array();
  142. if (idx != -1) {
  143. var pairs = document.URL.substring(idx+1, document.URL.length).split('&');
  144. for (var i=0; i<pairs.length; i++) {
  145. nameVal = pairs[i].split('=');
  146. params[nameVal[0]] = nameVal[1];
  147.    }
  148. }
  149. return params;
  150. }
  151. params = getParams();
  152. //  End -->
  153. </script>
  154. </HEAD>
  155.  
  156. <!-- STEP THREE: Put this on the page that should read the values  -->
  157.  
  158. <BODY>
  159.  
  160. <SCRIPT LANGUAGE="JavaScript">
  161.  
  162. <!-- Begin
  163. firstname = unescape(params["firstname"]);
  164. lastname = unescape(params["lastname"]);
  165. age = unescape(params["age"]);
  166.  
  167. document.write("firstname = " + firstname + "<br>");
  168. document.write("lastname = " + lastname + "<br>");
  169. document.write("age = " + age + "<br>");
  170. //  End -->
  171. </script>
  172.  
  173.  
  174.  
  175.  
  176. <!-- END OF SCRIPT -->
  177. <!/PREVIEW>
  178.  
  179. <!RELATED>NONE<!/RELATED>
  180.